:host {
  display: block;
  padding: 24px;
  
  .configuration-container {
    ::ng-deep {
      // 重置子组件中表单项的样式
      .ant-form-item {
        margin-bottom: 8px;
      }

      // 强制子组件中的表单为水平布局
      .ant-form-horizontal {
        .ant-form-item-label {
          padding: 0 8px;
          text-align: right;
          line-height: 32px;
          > label {
            height: 32px;
            margin-top: -4px;
          }
        }

        .ant-form-item {
          display: flex;
          flex-direction: row;
          align-items: center;
        }
      }
    }
  }

  .modal-footer {
    margin-top: 24px;
    text-align: right;
    
    button + button {
      margin-left: 8px;
    }
  }
} 